<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>

	<style>
			
		  *{margin:0; padding:0;}
		   ul li{
		   	  list-style:  none;
			  float: left;
		   }
		   li a{
		   	text-decoration: none;
		   	background: url("bg_r1_c1.png") no-repeat ;
		   	height: 35px;
		   	display: inline-block;
		   	padding-left: 7px;
		   }

		   li span{
		   	  background: url("bg_r1_c2.png")  right;
		   	  height: 35px;
		   	  display: inline-block;
		   	  padding-right:24px;
		   	  line-height: 35px;
		   }

		
	</style>
</head>
<body>
	   
	     <ul>
	     	 <li>
	     	 	 <a href="#">
	     	 	 	 <span>百度一下asd</span>
	     	 	 </a>
	     	 </li>

	     	  <li>
	     	 	 <a href="#">
	     	 	 	 <span>熊二asdasdfasdf</span>
	     	 	 </a>
	     	 </li>
	     	  <li>
	     	 	 <a href="#">
	     	 	 	 <span>光头强asd</span>
	     	 	 </a>
	     	 </li>
	     </ul>

</body>
</html>